<template>
	<!-- 企业入住 -->
	<view class="content display displayColumn width-100 ">
		<u-navbar @rightClick="rightClick" :autoBack="true" :placeholder="true">
			<template slot="left">
				<uni-icons type="left" color="#212121;" size="23" ></uni-icons>
			</template>
			<template slot="center">
				<text class="fontSize font_comm title">企业入驻</text>
			</template>
		</u-navbar>
		<view class="fn_content display displayColumn all_item  width-100 fontSize font_comm">
			<view class="fn_txt_one display width-100">
				<span class="fn_txt1 M-T30 M-L30">开站之前请先准备好以下证件</span>
			</view>
			<view class="fn_content_one display  M-T20 displaycenter_aliem">
				<view class="fn_one_left display  displayColumn M-L24">
					<span class="fn_txt2">营业执照</span>
					<span class="fn_txt3 M-T16">个体工商户执照或企业法人营业执照</span>
				</view>
				<view class="fn_one_right display " @click="topopup(1)">
					<image class="fn_img1 M-R24" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/89df2a734a954dc399a0ed3f7d1e5a20.png" mode=""></image>
					<view class="fn_pos">
						<span class="fn_txt4">实例</span>
					</view>
				</view>
			</view>
			<view class="fn_content_one display  M-T20 displaycenter_aliem">
				<view class="fn_one_left display  displayColumn M-L24">
					<span class="fn_txt2">法人证件</span>
					<span class="fn_txt3 M-T16">身份证、护照、港澳台通行证任意一项</span>
				</view>
				<view class="fn_one_right display " @click="topopup(2)">
					<image class="fn_img1 M-R24" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/bb88f093af0d4067874bf31d5576016a.png" mode=""></image>
					<view class="fn_pos">
						<span class="fn_txt4">实例</span>
					</view>
				</view>
			</view>
			<view class="fn_content_one display  M-T20 displaycenter_aliem">
				<view class="fn_one_left display  displayColumn M-L24">
					<span class="fn_txt2">行业资质</span>
					<span class="fn_txt3 M-T16">某些行业需要上传所需的行业资质</span>
				</view>
				<view class="fn_one_right display " @click="topopup(3)">
					<image class="fn_img1 M-R24" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/a5f76bc78e264921b642b4818472bf87.png" mode=""></image>
					<view class="fn_pos">
						<span class="fn_txt4">实例</span>
					</view>
				</view>
			</view>
			
			<view class="fn_btns display  width-100 all_item" style="margin-top: 724rpx;">
				<button class="fn_btns display all_item" @click="lijikaizhan">立即开站</button>
			</view>
		</view>
		
		<u-popup :show="show" mode="center" :round="12" :duration="400" :safeAreaInsetBottom="false">
		            <view class="fn_popup_cen display  displayColumn fontSize font_comm" v-if="index==1">
		                <view class="fn_popup_one display  width-100 M-T24 displaycenter_aliem">
		                	<span class="fn_ttx1 ,M-L24">1.个体工商户营业执照</span>
							<uni-icons type="closeempty" class="M-R24" size="24" color="#000" @click="show=false"></uni-icons>
		                </view>
						<view class="fn_popup_two display  width-100 all_item M-T20">
							<image class="fn_img2" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/faad2eaeb69f45e6aa3b37762f75b6a6.png" mode=""></image>
						</view>
						<view class="fn_popup_one display  width-100 M-T24 displaycenter_aliem">
							<span class="fn_ttx1 M-L24">2.企业法人营业执照</span>
							<!-- <uni-icons type="closeempty" size="24" color="#000"></uni-icons> -->
						</view>
						<view class="fn_popup_two display  width-100 all_item M-T20">
							<image class="fn_img2" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/faad2eaeb69f45e6aa3b37762f75b6a6.png" mode=""></image>
						</view>
		            </view>
					<view class="fn_popup_cen display  displayColumn fontSize font_comm" v-if="index==2">
					    <view class="fn_popup_one display  width-100 M-T24 displaycenter_aliem">
					    	<span class="fn_ttx1 ,M-L24">1.法人证件</span>
							<uni-icons type="closeempty" class="M-R24" size="24" color="#000" @click="show=false"></uni-icons>
					    </view>
						<view class="fn_popup_two display  width-100 all_item M-T20">
							<image class="fn_img2" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/bb88f093af0d4067874bf31d5576016a.png" mode=""></image>
						</view>
					</view>
					<view class="fn_popup_cen display  displayColumn fontSize font_comm" v-if="index==3">
					    <view class="fn_popup_one display  width-100 M-T24 displaycenter_aliem">
					    	<span class="fn_ttx1 ,M-L24" style="width: 578rpx;">1.行业资质，根据自身行业性质不同资质也不同，根据情况自行上传即可</span>
							<uni-icons type="closeempty" class="M-R24" size="24" color="#000" @click="show=false"></uni-icons>
					    </view>
						<view class="fn_popup_two display  width-100 all_item M-T20">
							<image class="fn_img2" src="http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/a5f76bc78e264921b642b4818472bf87.png" mode=""></image>
						</view>
					</view>
		</u-popup>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show:false,
				index:1
			}
		},
		methods: {
			topopup(index){
				this.index = index;
				this.show = true;
			},
			// 立即开站
			lijikaizhan(){
				this.$tab.navigateTo('/packageC/businessinfo/businessinfo')
			}
		}
	}
</script>

<style scoped lang="scss">
.fn_content_one{
	width: 690rpx;
	height: 138rpx;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
	justify-content: space-between;
}
.fn_txt1{
	font-weight: 600;
	font-size: 32rpx;
	color: #000000;
}
.fn_txt2{
	font-weight: 600;
	font-size: 28rpx;
	color: #000000;
}
.fn_txt3{
	font-weight: 400;
	font-size: 24rpx;
	color: #72778A;
}
.fn_one_left{
	justify-content: flex-start;
	text-align: left;
}
.fn_one_right{
	// width: 200rpx;
	// height: 114rpx;
	// background: url('http://mkxd-app.oss-cn-beijing.aliyuncs.com/2024/11/29/89df2a734a954dc399a0ed3f7d1e5a20.png') no-repeat;
	// background-size: 100%;
}
.fn_img1{
	width: 200rpx;
	height: 114rpx;
	
}
.fn_txt4{
	position: absolute;
	font-weight: 400;
	font-size: 16rpx;
	color: #FFFFFF;
	left: 10%;
}
.fn_pos{
	position: absolute;
	width: 44rpx;
	height: 26rpx;
	background: rgba(33,33,33,0.8);
}
.fn_btns{
	width: 690rpx;
	height: 66rpx;
	background: #126BC9;
	border-radius: 44rpx 44rpx 44rpx 44rpx;
	font-weight: 600;
	font-size: 24rpx;
	color: #FFFFFF;
}
.fn_popup_cen{
	width: 690rpx;
	// height: 944rpx;
	padding-bottom: 24rpx;
	background: #FFFFFF;
	border-radius: 24rpx 24rpx 24rpx 24rpx;
}
.fn_popup_one{
	justify-content: space-between;
}
.fn_ttx1{
	font-weight: 600;
	font-size: 28rpx;
	color: #000000;
}
.fn_img2{
	width: 690rpx;
	height: 400rpx;
}
</style>
